// 入口函数
$(function () {
    //需求1：点击a链接显示隐藏
    $('#loginBox a').on('click', function () {
        //点击登录内部的链接
        //显示注册区域，隐藏登录区域
        $('#regBox').show()
        $('#loginBox').hide()
    })

    $('#regBox a').on('click', function () {
        //点击注册里的链接
        //注册页面隐藏，登录页面显示
        $('#loginBox').show()
        $('#regBox').hide()
    })

    //自定义校验规则
    //先获取form对象
    let form = layui.form
    //form上面有一个方法叫verify（），参数是一个对象，属性是规则名称，值是规则
    form.verify({
        username: [
                /^[\S]{6,10}$/
                ,'用户名必须6到10位，且不能出现空格'
        ]
        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        ,pwd: [
          /^[\S]{6,15}$/
          ,'密码必须6到15位，且不能出现空格'
        ],
        // 确认密码规则
        repwd: function (value) {
            //value就是你给哪个标签添加检验规则，标签的值就赋值给这个value
            let pwd = $('#regBox input[name=password]').val()
            //如果原密码和确认密码不一致，就报错
            if (pwd !== value) {
                return '两次密码输入不一致！'
            }

        }
      });      

    //需求3：注册功能
    let layer = layui.layer
    $('#formReg').on('submit', function (e) {
        //阻止表单提交
        e.preventDefault()

        //发送axios
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {
            //判断返回的数据是否正确
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜您，注册用户成功')
            //切换登录页面,手动触发事件
            $('#regBox a').click()
            //dom中有一个方法可以重置表单
            $('#formReg')[0].reset()
            
        })
    })


    //需求4：登录功能
    $('#formLogin').on('submit', function (e) {
        //阻止默认提交行为
        e.preventDefault()
        //发送axios
        axios({
            method: 'POST',
            url: '/api/login',
            data:$(this).serialize()
        }).then(res => {
            console.log(res.data)
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            //成功，提示，存储token，页面跳转
            layer.msg('恭喜您，登陆成功！')
            localStorage.setItem('token', res.data.token)
            location.href='/index.html'
        })
    })

})